﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>天行猫_快递服务申请系统</title>
<link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/css/themes/default/easyui.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/css/themes/icon.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/css/demo.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/script/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/script/jquery.easyui.min.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/pintuer.css">
<script src="${pageContext.request.contextPath}/script/wen.js"></script>

<style>

</style>
</head>

<body>

	<div id="layout_div" class="easyui-layout" style="width:100%">
		<div data-options="region:'north',border:false"
			style="overflow:hidden; height:14%;background:#338FCC;padding:10px;padding-left:30px;">
			<div style="float:left; height:14%;">
				<img src="${pageContext.request.contextPath}/images/toplogin.png"
					height="60" style="margin-top:-10px;" />
			</div>
			<div style="color:#fff  ;font-size:3em; float:left;margin-left:30px;">
				快递服务申请系统</div>
			<div style="float:right;height:70px; margin-right:50px;">
				<span>&nbsp;您好，<span style="font-size: 20px;">${u.username}！</span>
				</span> <span><a href="${pageContext.request.contextPath}/login/login"><img
						src="${pageContext.request.contextPath}/images/zx.png" class="masterTooltip" title="点击注销当前用户"/> </a> </span> <br />
				<span id="dateSpan"></span>
			</div>
		</div>
		<div
			data-options="region:'west',split:false,title:'菜单',collapsible:false"
			style="width:13%;">
			<div id="menu" class="easyui-accordion" fit="true">
				<div title="快递服务" data-options="iconCls:'icon-print'"
					style=" overflow:auto;padding:10px;">
					<ul class="easyui-tree">
						<li><a href="javascript:;" class="btn_menu"
							url="${pageContext.request.contextPath}/listexpress.html">申请记录</a></li>
						<li><a href="javascript:;" class="btn_menu"
							url="${pageContext.request.contextPath}/addexpress.html">申请快递</a></li>
					</ul>
				</div>
				<div title="跟踪物流" data-options="iconCls:'icon-redo'"
					style="overflow:auto;padding:10px;">
					<ul class="easyui-tree">
						<li><a href="javascript:;" class="btn_menu"
							url="${pageContext.request.contextPath}/queryexpress.html">跟踪物流</a></li>
					</ul>
				</div>
				<div title="用户管理" data-options="iconCls:'icon-man'"
					style="overflow:auto;padding:10px;">
					<ul class="easyui-tree">
						<li><a href="javascript:;" class="btn_menu"
							url="${pageContext.request.contextPath}/listuser.html">用户管理</a></li>
					</ul>
				</div>
				<div title="上传管理" data-options="iconCls:'icon-tip'"
					style="overflow:auto;padding:10px;">
					<ul class="easyui-tree">
						<li><a href="javascript:;" class="btn_menu"
							url="${pageContext.request.contextPath}/listupload.html">上传列表</a></li>
						<li><a href="javascript:;" class="btn_menu"
							url="${pageContext.request.contextPath}/addupload.html">上传资料</a></li>
					</ul>
				</div>
				<div title="订单回收站" data-options="iconCls:'icon-lock'"
					style="overflow:auto;padding:10px;">
					<ul class="easyui-tree">
						<li><a href="javascript:;" class="btn_menu" url="${pageContext.request.contextPath}/listexpresshsz.html">订单回收站</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div data-options="region:'south',border:false"
			style="height:50px; font-size:15px; color:#fff; background:#338FCC;padding:10px; text-align:center">
			© 2017 - 天行猫--快递服务申请系统</div>
		<div data-options="region:'center'" style="overflow:hidden">
			<div class="easyui-tabs" fit="true" id="container">
				<div title="主页" style="padding:10px">
					<br/>
					<br/>
					<div class="line-big" style="margin-top: 5px;">
						<div class="xm3"></div>
						<div class="xm9">
				        <div class="alert">
							<h4>
								<span style="font-size: 24px;margin-left: 30%;">${u.username}</span>，欢迎使用天行猫速运申请服务系统
							</h4>
						<br/>	
						</div>
							<div class="panel">
								<div class="panel-head">
									<strong>系统信息</strong>
								</div>
								<table class="table">
									<tr>
										<th colspan="2">基本信息</th>
										<th colspan="2">作品信息</th>
									</tr>
									<tr>
										<td width="110" style="font-size: 16px;" align="right">操作系统:</td>
										<td>Windows service 2012</td>
										<td style="font-size: 16px;" align="right">作者名字:</td>
										<td>黄纯锡</td>
									</tr>
									<tr>
										<td style="font-size: 16px;" align="right">后台技术:</td>
										<td>Spring+SpringMvc+Json+Hibernate</td>
										<td style="font-size: 16px;" align="right">普通用户:</td>
										<td target="_blank">主要为申请快递，查询快递，和个人信息管理</td>
									</tr>
									<tr>
										<td width="90" style="font-size: 16px;" align="right">前端技术:</td>
										<td target="_blank">Html5+EasyUi+Jq</td>
										<td style="font-size: 16px;" align="right">快递员工:</td>
										<td target="_blank">执行审核通过快递订单，通过可以管理运送状态、快递已到区域</td>
									</tr>
									<tr>
										<td align="right" style="font-size: 16px;">数据库:</td>
										<td>MySQL</td>
										<td align="right" style="font-size: 16px;">管理员:</td>
										<td>可以管理客户申请的订单进行审核以及拥有全部权限</td>
									</tr>
									<tr>
										<td align="right" style="font-size: 16px;">编辑工具:</td>
										<td>MyEclipse，MySql，Dreamweaver，EditPlus</td>
										<td align="right" style="font-size: 16px;">市场价值:</td>
										<td>真实的快递应用系统，前后端进行分离，可重用性与复用性强！</td>
									</tr>

								</table>
							</div>
						</div>
					</div>
					
					
				</div>
			</div>
		</div>
	</div>

	<!-- <div class="qq">
		<div>
			<a href="http://www.hcx520.com:81" target="_blank">
				<div class="kf">售前咨询 晨曦</div> </a> 
			<a href="http://wpa.qq.com/msgrd?v=3&uin=854616360&site=qq&menu=yes" target="_blank">
				<div class="kf">联系Q Q 晨曦</div> </a>
		</div>
	</div> -->

	<div class="side">
		<ul>
			<li><a href="http://www.hcx520.com:81">
					<div class="sidebox">
						<img src="${pageContext.request.contextPath}/images/qq.png">售前客服
					</div>
				</a>
			</li>
			<li><a href="http://wpa.qq.com/msgrd?v=3&uin=854616360&site=qq&menu=yes">
					<div class="sidebox">
						<img src="${pageContext.request.contextPath}/images/qq.png">售后客服
					</div>
				</a>
			</li>
		</ul>
	</div>

</body>
<script>

	$(function() {
		bindEvent();
	});
	function bindEvent() {
		$(".btn_menu").click(function() {
			var title = $(this).text();
			var url = $(this).attr("url");
			var isSelect = $("#container").tabs('exists', title);
			if (isSelect) {
				$("#container").tabs('select', title);
				return;
			}
			$("#container").tabs('add', {
				title : title,
				content : CreateContent(url),
				closable : true
			});
		});
	}

	function CreateContent(url) {
		var strHtml = '<iframe src="'
				+ url
				+ '" scrolling="no" frameborder="0" fit="true" style="height:110%;width:100%;min-height:600px;"></iframe>';
		return strHtml;
	}

	//联系qq
	$(".qq").mouseover(function() {
		$(".qq").stop().animate({
			right : "1px"
		}, 1000); //出来多少个像素
		//$(".qq").animate({right:"30px"},3000)
	});
	$(".qq").mouseout(function() {
		$(".qq").stop().animate({
			right : "-105px"
		}, 1000); //隐藏多少个像素
		//$(".qq").animate({right:"-100px"},3000)
	});
	$(window).scroll(function() {
		if ($(window).scrollTop() > 250) {
			$(".qq").css("position", "fixed");
			$(".qq").css("top", "400px");
		} else {
			$(".qq").css("position", "absolute");
			$(".qq").css("top", "400px");
		}
	});


	$(function() {
		$(".side ul li").hover(function() {
			$(this).find(".sidebox").stop().animate({
				"width" : "90px"
			}, 200).css({
				"opacity" : "1",
				"background" : "#ae1c1c"
			})
		}, function() {
			$(this).find(".sidebox").stop().animate({
				"width" : "30px"
			}, 200).css({
				"opacity" : "0.8",
				"background" : "#000"
			})
		});
	});
	
	
	//执行系统时间
	//Date 日期   get得到  year年  month月  day日 
	function showtime() {
		var myDate = new Date();//获取系统当前的时间
		var year = myDate.getFullYear();//得到当前时间的 年  2016 
		var month = myDate.getMonth() + 1;//得到当前时间的  月  
		var day = myDate.getDate();//得到当前时间的 日  15
		var hour = myDate.getHours();//得到当前时间小时  时
		var mm = myDate.getMinutes();//得到当前时间分钟  分
		var sec = myDate.getSeconds();//得到当前时间秒  秒

		var week = myDate.getDay();//得到当前是星期几
		var weekStr;//定义一个保存星期几的变量
		if (week == 0) {
			weekStr = "星期天";
		} else if (week == 1) {
			weekStr = "星期一";
		} else if (week == 2) {
			weekStr = "星期二";
		} else if (week == 3) {
			weekStr = "星期三";
		} else if (week == 4) {
			weekStr = "星期四";
		} else if (week == 5) {
			weekStr = "星期五";
		} else if (week == 6) {
			weekStr = "星期六";
		} else {
		}
		//当小时>12的时候  显示下午1点  而不是13点
		var myhour = '';
		if (hour > 12) {
			myhour = '下午' + hour;
		} else {
			myhour = '上午' + hour;
		}
		//拼接字符串  2016年3月28日 09时03分30秒
		var dateStr = year + "年" + month + "月" + day + "日" + weekStr + "<br/>"
				+ myhour + " 时 " + mm + " 分 " + sec + " 秒";
		//显示在页面标签 id="date" 标签上
		document.getElementById("dateSpan").innerHTML = dateStr;
	}
	//每隔1秒刷新一次  显示在页面上的时间
	setInterval("showtime();", 1000);
</script>
</html>
